<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Маэстро Иван Шпиллер - этюды с натуры</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Маэстро Иван Шпиллер - этюды с натуры. Портрет с оркестром. 
Это видео фильм, созданный на основе архивных кино и видео сюжетов, фотографий, который рассказывает о биографии маэстро Ивана Шпиллера и основных вехах его творческого пути. Фильм состоит из 2-х частей." />

<link rel='stylesheet' href='css/main.css' type='text/css' />

<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="fancybox/source/jquery.fancybox.css?v=2.1.4" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.4"></script>
<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.5"></script>
<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>	
	
<script>
	$(document).ready(function() {
		$('.fancybox-media').fancybox({
			openEffect  : 'none',
			closeEffect : 'none',
			helpers : {
				media : {}
			}
		});
	});	
</script>

<style type="text/css">
<!--
#etudes-1_ {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 960px;
	height: 25px;
}

#etudes-2_ {
	position: absolute;
	left: 0px;
	top: 25px;
	width: 23px;
	height: 541px;
}

#part1_ {
	position: absolute;
	left: 23px;
	top: 25px;
	width: 390px;
	height: 251px;
}

#etudes-4_ {
	position: absolute;
	left: 413px;
	top: 25px;
	width: 547px;
	height: 541px;
}

#part2_ {
	position: absolute;
	left: 23px;
	top: 276px;
	width: 390px;
	height: 264px;
}

#etudes-6_ {
	position: absolute;
	left: 23px;
	top: 540px;
	width: 390px;
	height: 26px;
}
-->
</style>

<script type="text/javascript">
	var _gaq = _gaq || [];
	_gaq.push([ '_setAccount', 'UA-11312124-6' ]);
	_gaq.push([ '_trackPageview' ]);

	(function() {
		var ga = document.createElement('script');
		ga.type = 'text/javascript';
		ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl'
				: 'http://www')
				+ '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0];
		s.parentNode.insertBefore(ga, s);
	})();
</script>

</head>
<body>
	<div id="page">
		<div id="etudes_">
			<a href="/etudes.html"
				onmouseover="window.status='Этюды с натуры';  return true;"
				onmouseout="window.status='';  return true;"> <img id="etudes"
				src="images/etudes.jpg" width="193" height="118" border="0"
				alt="Этюды с натуры" /></a>
		</div>
		<div id="home-2_">
			<img id="home_2" src="images/home_2.jpg" width="6" height="129"
				alt="" />
		</div>
		<div id="portfolio_">
			<a href="/portfolio.html"
				onmouseover="window.status='Портфолио';  return true;"
				onmouseout="window.status='';  return true;"> <img
				id="portfolio" src="images/portfolio.jpg" width="186" height="118"
				border="0" alt="Портфолио" /></a>
		</div>
		<div id="home-4_">
			<img id="home_4" src="images/home_4.jpg" width="6" height="129"
				alt="" />
		</div>
		<div id="book_">
			<a href="/book.html"
				onmouseover="window.status='Очертания птицы в глине';  return true;"
				onmouseout="window.status='';  return true;"> <img id="book"
				src="images/book.jpg" width="184" height="118" border="0"
				alt="Очертания птицы в глине" /></a>
		</div>
		<div id="home-6_">
			<img id="home_6" src="images/home_6.jpg" width="6" height="129"
				alt="" />
		</div>
		<div id="media_">
			<a href="/media.html"
				onmouseover="window.status='фото видео';  return true;"
				onmouseout="window.status='';  return true;"> <img id="media"
				src="images/media.jpg" width="191" height="118" border="0"
				alt="фото видео" /></a>
		</div>
		<div id="home-8_">
			<img id="home_8" src="images/home_8.jpg" width="5" height="129"
				alt="" />
		</div>
		<div id="blog_">
			<a href="/guestbook.html"
				onmouseover="window.status='Гостевой альбом';  return true;"
				onmouseout="window.status='';  return true;"> <img id="blog"
				src="images/blog.jpg" width="180" height="118" border="0"
				alt="Гостевой альбом" /></a>
		</div>
		<div id="home-10_">
			<img id="home_10" src="images/home_10.jpg" width="3" height="129"
				alt="" />
		</div>
		<div id="home-11_">
			<img id="home_11" src="images/home_11.jpg" width="193" height="11"
				alt="" />
		</div>
		<div id="home-12_">
			<img id="home_12" src="images/home_12.jpg" width="186" height="11"
				alt="" />
		</div>
		<div id="home-13_">
			<img id="home_13" src="images/home_13.jpg" width="184" height="11"
				alt="" />
		</div>
		<div id="home-14_">
			<img id="home_14" src="images/home_14.jpg" width="191" height="11"
				alt="" />
		</div>
		<div id="home-15_">
			<img id="home_15" src="images/home_15.jpg" width="180" height="11"
				alt="" />
		</div>
		<div id="content">
			<div id="etudes-1_">
				<img id="etudes_1" src="images/etudes_1.png" width="960" height="25"
					alt="" />
			</div>
			<div id="etudes-2_">
				<img id="etudes_2" src="images/etudes_2.png" width="23" height="541"
					alt="" />
			</div>
			<div id="part1_">
				<a class="fancybox-media" href="http://www.youtube.com/embed/xMinDdhoEeI"> <img id="part1" src="images/part1.png" width="390"
					height="251" border="0" alt="1 ЧАСТЬ" /></a>
			</div>
			<div id="etudes-4_">
				<img id="etudes_4" src="images/etudes_4.png" width="547"
					height="541" alt="" />
			</div>
			<div id="part2_">
				<a class="fancybox-media" href="http://www.youtube.com/embed/yf7ootFXo_k"> <img id="part2" src="images/part2.png" width="390"
					height="264" border="0" alt="2 ЧАСТЬ" /></a>
			</div>
			<div id="etudes-6_">
				<img id="etudes_6" src="images/etudes_6.png" width="390" height="26"
					alt="" />
			</div>
		</div>
	</div>
	
</body>
</html>